<html>
<head>
  <title>Heimdallr Dashboard</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
  <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
  <style type="text/css">
    body > .ui.container {
      padding-top: 2em;
      padding-left: 210px;
    }
  </style>
</head>
<body>

<div class="ui sidebar inverted vertical menu left visible">
  <a href="./me.html" class="item"><i class="home icon"></i>Me</a>
  <a href="./manage_user.html" class="item"><i class="user icon"></i>User</a>
  <a href="./manage_role.html" class="item"><i class="file alternate outline icon"></i>Role</a>
  <a href="./manage_service_account.html" class="item"><i class="desktop icon"></i>Service Account</a>
  <a href="./client_cert.html" class="item"><i class="certificate icon"></i>Client Certificate</a>
  <a href="./agent.html" class="item"><i class="clone icon"></i>Agent</a>
</div>

<div class="ui container">
  <h2 class="ui header">Manage Agent</h2>
  <div class="ui divider"></div>

  <a href="./agent_register.html" class="ui button basic green">
    <i class="icon clone"></i>Register
  </a>
  <a href="" class="ui button basic blue">
    <i class="icon download"></i>CA Cert
  </a>

  <h1 class="ui header">Connected agents</h1>
  <table class="ui table celled striped">
    <thead>
    <tr>
      <th>Name</th>
      <th>Connect at</th>
      <th>Remote</th>
    </tr>
    </thead>
    <tbody>
      <tr>
        <td>prometheus</td>
        <td>2019/09/12 00:00:00</td>
        <td>127.0.0.1:40000</td>
      </tr>
    </tbody>
  </table>

  <h1 class="ui header">Signed Certificates for agent</h1>
  <table class="ui table celled striped">
    <thead>
    <tr>
      <th>Serial Number</th>
      <th>CommonName</th>
      <th>Issued Time</th>
      <th></th>
      <th></th>
      <th></th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td>2</td>
      <td>test2</td>
      <td>2019/09/14 00:00:00</td>
      <td>Issued by human</td>
      <td><a href="/"><i class="icon download"></i>Cert</a></td>
      <td>
        <button class="ui button red mini basic">Revoke</button>
      </td>
    </tr>
    <tr>
      <td>1</td>
      <td>test</td>
      <td>2019/09/13 00:00:00</td>
      <td>Issued by UMA</td>
      <td><a href="/"><i class="icon download"></i>p12</a></td>
      <td>
        <button class="ui button red mini basic">Revoke</button>
      </td>
    </tr>
    </tbody>
  </table>
</div>

</body>
</html>